<template>
  <view>
    <view class="my-goods-box">
      <view class="radio-box">
         <label class="radio" @click="changeRadio">
        <radio value="" color="#C00000" :checked="radioCont"/><text>全选</text>
      </label>
      </view>
     <view class="combined">
       合计:<text>¥{{calculate}}</text>
     </view>
     <view class="settlement">
       <button type="default" size="mini">结算({{ckekedCont}})</button>
     </view>
    </view>
    
  
  </view>
</template>

<script>
  import {mapState,mapGetters,mapMutations} from "vuex"
  export default {
    name:"my-goods",
    data() {
      return {
        
      };
    },
    methods:{
      ...mapMutations("m_cart",['updataGenerations']),
      changeRadio(){
        this.updataGenerations(!this.unradioCont)
      }
      
    },
    computed:{
      ...mapGetters("m_cart",['ckekedCont','radioCont','unradioCont','calculate']),
    
   
    }
  }
</script>

<style lang="scss">
.my-goods-box{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;

  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  padding: 0 5px;
  .radio{
    display: flex;
      align-items: center;
    text{
    
    }
  }
  .combined{
    text{
      color: red;
      font-weight: bold;
    }
  }
  .settlement{
   
    button{
       background: red;
       min-width: 100px;
       height: 54px;
       text-align: center;
       line-height: 54px;
      border-radius: 0;
    }
  }
}
</style>
